<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人资料页</title>
    <link rel="stylesheet" href="./css/personal.min.css">
</head>
<body>
    <div class="web">
        <header>
            <p>个人资料</p>
            <span>保存</span>
        </header>
        <main>
           <div class="photo">
            <img src="./img/personal/photo.png" alt="">
           </div>
           <form action="">
           <ul>
                <li>
                    <span>姓名</span>
                    <span>订花乐用户</span>
                </li>
                <li>
                    <span>手机</span>
                    <span>13242998652</span>
                </li>
                <li>
                    <span>性别</span>
                    <span>
                        <input type="checkbox" name="name">男 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                        <input type="checkbox" name="name" checked>女
                    </span>
                    
                </li>
                <li>
                    <span>生日</span>
                    <span></span>
                </li>
           </ul>
        </form>
        </main>
    </div>
</body>
</html>